@import url(media.css);
*{padding: 0px;margin: 0px;}
a{text-decoration: none;}
a span ul li p span{font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;font-size: 14px;color: #fff;}
li{list-style: none;}
body{background: url(images/bg.jpg);position: relative;}
//头部开始
.head{
   width:100%;
   background: #3D4450;
   height: 53px;
   header{
       width:1140px;
       height: 53px;
//     overflow: hidden;
//     border: 1px solid red;
       margin:0 auto;
       position: relative;
       .logo{
            a{
                display: block;
                width:180px;
                height: 50px;
                background: url(images/logo.png);
                float: left;                  
            }
       }
       nav{
           height: 53px;
//         overflow: hidden;
           float: left;
           ul{
               li{
                   float: left;
                   width: 102px;
//                 height: 38px;
                   height: 52px;
                   text-align: center;
                   padding-top: 15px;
                   position: relative;
                   a{
                       display: block;
                       text-decoration: none;
                       line-height: 23px;
                       font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;
                       font-size: 14px;
                       color: #FFFFFF;
                       i{
                           font-size: 14px;
                           margin-right: 5px;
                       }
                   }
                   &:hover{
                       background: #262C35;
                       .dropmune{display: block;}
                   }
                   ul.dropmune{
                       position: absolute;
                       top: 100%;
                       left: 0;
                       min-width: 160px;
                       padding: 5px 0;
                       font-size: 14px;
                       border: 1px solid rgba(0,0,0,0.15);
                       border-radius: 4px;
                       z-index: 1000;
                       background:#fff;
                       display: none;
                       li{
                           min-width:160px;
                           a{color: #333;font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;font-size: 14px;text-decoration: none;}
                       }
                       li:hover{background: #D9534F;}
                   }
               }
               li.index{width:75px;background: #D9534F;}
           }
       }
       .mune-btn{
           position: absolute;
           right: 10px;
           top: 15px;
           color: #fff;
           display: none;
       }
   }
}
//头部结束
//中部内容开始
.content{
    width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 20px;
//  border: 1px solid red;
    .left{
        width: 67%;
        height: auto;
        float: left;
//      border: 1px solid red;
        margin-right:25px;
        section.top-img{
            margin-bottom: 30px;
//          border: 1px solid blue;
            overflow: hidden;
            width: 750px;
            height: auto;
            img{
                border-radius: 4px;
                overflow: hidden;
            }
        }
//      文章列表模板
        .arti{
            width: auto;
            height: auto;
            border-radius: 4px;
            box-shadow: #C2C2C2 0px 0px 5px 0px;
            position: relative;
            padding: 19px;
            background: #fff;
            margin-bottom: 25px;
//      右侧图标
            .righticon{
                i{position: absolute;top: -10px;right: 5%;color: #D9534F;}
            }
            
//      左侧日期
            .data-arti{
                width: 70px;height: 70px;border-radius: 100px;position: absolute;
                left: -20px;top: -20px;background: #D9534F;color: #fff;padding-top: 10px;
                .mon{font-size: 12px;display: block;text-align: center;line-height: 17px;}
                .day{font-size: 30px;font-weight: 700;text-align: center;margin-top: -5px;display: block;}
            }
//      中间文章显示区
            .arti-main{
                width: auto;
                height: auto;
//              border: 1px solid blue;
                position: relative;
                h1{
                    text-align: center;
                    a{text-decoration: none;color: #3D4450;}
                    a:hover{color: #D9534F;}
                }
                .hid-h4{               
                        color: #3D4450;
                        font-size: 18px;font-weight: 100;
                        width: auto;
                     display: none;   
                }
                ul.tag-scr{
                    margin:20px 0;
                    height: 25px;
//                  border: 1px solid red;
                    li{
                        float: left;
                        margin-right: 5px;
                        background-color: #3D4450;;
                        color: #fff;
                        border-radius: 0.25em;
                        font-weight: 700;
                        padding: 2px;
                        font-size: 12px;
                        font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;
                        text-align: center;
                        i{
                            position: relative;color: #fff;top: 0;left: 3px;margin-right: 5px;
                        } 
                    }
                }
                ul.tag-mobi{
                    display: none;
                    li{float: left;margin-left: 5px;margin-bottom: 5px;}
                }
                .mot-img{
                    overflow: hidden;
                    width: 720px;
                    height: auto;
                    margin-bottom: 10px;
                    img{border-radius:4px;}
                }
               p{
                   height: auto;
                   padding: 15px;
                   font-size: 12px;
                   background: #EEEEEE;
                   border-radius: 4px;
//                 overflow: auto;
                   color: #666;
                   font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;
                   margin-bottom: 45px;
               }
               .read{
                   display: block;
                   background: #D2322D;
                   border-radius: 4px;
                   color: #fff;
                   cursor: pointer;
                   font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;
                   font-size: 12px;
                   padding: 6px 12px;
                   text-align: center;
                   text-decoration: none;
                   float: right;
                   position: absolute;
                   bottom: -12%;
                   right: 0;
                    .num{
                        border-radius: 9px;
                        display: inline-block;
                        background: #fff;
                        text-align: center;
                        padding: 1px 5px;
                        margin-left: 3px;
                        font-size: 12px;font-weight: 700;
                        color: #D9534F;
                        min-width: 18px;
                        height: 18px;
                        
                    }
                   }
            }
        }
//      分页开始
        .page{
            float: right;
//          border: 1px solid red;
//          padding-bottom: -20px;
            nav{
                ul{
                    li{
//                      margin-right: 5px;
                    }
                }
            }
        }
//      分页结束
    }
//  左侧内容结束
    
//  右侧栏内容开始
    .right{
        width: 30%;
        height: auto;
        float: right;
//      border: 1px solid blue;
//      右侧顶部登录框
        .r-top{
            width: 100%;height: auot;
            font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;
            background: #fff;
            padding-bottom: 30px;
            margin-bottom: 30px;
            p{width: 100%;background: #3D4450;height: 34px;border-radius: 3px;color: #fff;font-size: 14px;
            line-height: 14px;padding-left: 15px;padding-top: 10px;}  
            form{
                width: 80%;
                height: auto;
//              border: 1px solid red;
                margin: 0 auto;
                margin-top: 30px;
                span{
                    background: #D9534F;
                    color: #fff;
                }
                button{width: 49%;background: #3D4450;}
                a{color: #fff;text-decoration: none;}
                button:hover{background: #D9534F;}
            }          
        }
//      搜索框
        .search{
            width: 100%;background: #3D4450;border-radius: 4px;padding: 8px 8px 42px 8px;
            .searin{
                width: 85%;float: left;display: inline-block;height: 34px;font-size: 14px;line-height: 20px;
                 font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;  
                 margin-right: 8px;
                    }
            button{
                    background: #D9534F;
                    color: #fff;
                    float: left;
                }
        }
//      最热文章
        aside.hotart{
            width: 100%;
            height: auto;
            font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;font-size: 12px;
            background: #fff;
            margin-top: 30px;
            p{
              width: 100%;background: #3D4450;height: 34px;border-radius: 3px;color: #fff;font-size: 14px;
              line-height: 14px;padding-left: 15px;padding-top: 10px;position: relative;
              padding-right: 10px;
              margin: 0;
              .hotri-ico{float: right;cursor:pointer;}
//            .hotri-ico:hover{background: #D9534F;} 
             }
             ul{
                  list-style: none;
                  height: auto;
                  .asks{  
                      padding-left:15px;padding-right: 15px;
                      padding-top: 10px;padding-bottom: 30px;
                      height: 30px;
//                    border: 1px solid red;
                      border-bottom: 1px solid #DDDDDD;
                      a{
                          color: #666666;
                          text-decoration: none;
                          float: left;
                      }
                      a:hover{color: #B94A48;}
                      span{
                          background: #D9534F;
                          border-radius: 9px;
                          color: #fff;
                          display: block;
                          font-size: 12px;
                          font-weight: 700;
                          line-height: 12px;
                          min-width: 10px;
                          padding: 3px 7px;
                          text-align: center;
                          float: right;
                      }
                  }
              }
            
        }
//      最热评论
        aside.hotcuss{
            width: 100%;
            height: auto;
            font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;font-size: 12px;
            background: #fff;
            margin-top: 30px;
            p{
              width: 100%;background: #3D4450;height: 34px;border-radius: 3px;color: #fff;font-size: 14px;
              line-height: 14px;padding-left: 15px;padding-top: 10px;position: relative;
              padding-right: 10px;
              margin: 0;
              .hotri-ico{float: right;cursor:pointer;}
//            .hotri-ico:hover{background: #D9534F;} 
             }
             ul{
                 li.cuss{
                     background: #fff;
                     height: 60px;
                     padding-left: 15px;
                     border-bottom: 1px solid #DDDDDD;
                     img{
                         border-radius: 20px;
//                       height: 40px;
                         float: left;
                         margin-right: 15px;
                         margin-top: 8px;
                     }
                     a{
                         text-decoration: none;
                         color: #666;
                         display: block;
                         float: left;
                         background: #EEE;
                         border-radius: 4px;
                         padding: 8px;
                         margin-top: 13px;
                         width: 80%;
                     }
                     a:hover{color:#B94A48;}
                 }
             }
        }
        
        
        
        
        
    }
}
//中部内容结束

//底部开始
footer{
    display: block;
    width: 100%;
    background: #3D4450;
    padding:50px 0;
    p{
        width: 70%;
        margin: 0 auto;
        font-size: 12px;
        color: #EEE;
        font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif;
    }
    
}
//底部结束





